<template>
  <div id='machine_edit' class="Row_content" style="width: 400px;">
    <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="110">
      <FormItem label="机台名称：" prop="machineName">
        <Input v-model="formValidate.machineName" placeholder="请输入" class='input-wid' style="width: 260px;"></Input>
      </FormItem>
      <FormItem label="PN码：" prop="code">
        <Input v-model="formValidate.code" placeholder="请输入" class='input-wid' style="width: 260px;"></Input>
      </FormItem>
      <FormItem label="是否显示：" prop='isShow' style="display: block;">
        <RadioGroup v-model="formValidate.isShow">
          <Radio label="2" >显示</Radio>
          <Radio label="3" style="margin-left: 25px">隐藏</Radio>
        </RadioGroup>
      </FormItem>
      <FormItem label="机台简介：" prop="machineIntro">
          <Input v-model="formValidate.machineIntro"
          type="textarea" style="width:320px"
          :autosize="{ minRows: 5, maxRows: 8 }"
          placeholder="请输入内容"></Input>
      </FormItem>
      <FormItem>
        <Button type="primary" class="btn" style="width: 80px;" @click="handleSubmit">确定</Button>
        <Button class="btn" style="margin-left: 24px;width: 80px;" @click="handleReset">取消</Button>
      </FormItem>
    </Form>
  </div>
</template>

<script>
export default {
  name: 'machine_edit',
  data () {
    return {
      formValidate: {
        machineName: '',
        code: '',
        machineIntro: '',
        isShow: ''
      },
      ruleValidate: {}
    }
  },
  methods: {
    handleSubmit () {},
    handleReset () {}
  }
}
</script>
